<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="
          width=device-width,
          user-scalable=no,
          initial-scale=1.0,
          maximum-scale=1.0,
          minimum-scale=1.0
">
    <title>响应式实战</title>
    <link rel="stylesheet" href="less/index.css">
</head>
<body>
<section id="wrap">
    <div id="info-box">
        <header id="info-nav">
            <div class="container">
                <a href="javascript:;">箭头</a>
                <h1>苏格<span>前端高级开发工程师</span></h1>
            </div>
        </header>
        <section id="info-intro">
            <div class="container">
                <figure>
                    <img src="" alt="">
                    <figcaption>
                        <h1>
                            苏格<span>前端工程师</span>
                        </h1>
                    </figcaption>
                </figure>
            <!--头像-->
            <!--个人签名-->
            <!--个人信息-->

            </div>
        </section>
    </div>
</section>
</body>
</html>